<script setup lang="ts">
import { queryRoles,queryResult,queryCondition } from "@/composables/useRoles"
queryRoles()
</script>
<template>
<el-card class="box-card">
    <template #header>
      <div class="card-header">
        <el-button type="primary">添加角色</el-button>
      </div>
    </template>
    <el-table :data="queryResult.records" border style="width: 100%">//绑定数据
    <el-table-column type="index" label="序号" width="180"  align="center"/>
    <el-table-column prop="name" label="角色名称" width="200" align="center"/>
    <el-table-column prop="description" label="描述" width="300" align="center"/>
    <el-table-column prop="createdTime" label="添加时间" width="200" align="center"/>
    <el-table-column label="操作" align="center">
        <el-button>添加角色</el-button>
        <el-button>分配菜单</el-button>
        <el-button>编辑</el-button>
        <el-button>删除</el-button>
    </el-table-column>
  </el-table>
  </el-card>
    
</template>



<style lang="scss" scoped>

</style>